Downloads
Nessa aula, concluímos o módulo e preparamos o terreno para o próximo, onde vamos nos aprofundar na criação e especificação dos componentes do nosso Design System. O foco foi na estruturação das bibliotecas e como gerenciar o que será visível para os usuários quando eles importarem o Design System em seus projetos.
Pontos importantes destacados na aula:
- Estrutura do Design System: Discutimos como organizar e exportar o Design System, considerando quem vai usá-lo e como.
- Controle de Visibilidade: Aprendemos a controlar o que é visível para o usuário ao importar a biblioteca, utilizando a funcionalidade "Hide from publishing" no Figma para esconder variáveis primitivas.
- Tokens Primitivos e Semânticos: Discutimos a possibilidade de separar tokens primitivos dos semânticos e como isso impacta na manutenção e escalabilidade do Design System.
- Uso de Variáveis no Figma: Mostramos como selecionar e aplicar variáveis no elementos de forma eficiente no Figma, utilizando a busca e aplicando os tokens tokens apropriados.
- Manutenção dos Tokens: Enfatizamos que, uma vez definidos os tokens primitivos e semânticos, raramente será necessário alterá-los, a menos que haja uma mudança significativa no design.
- Bibliotecas Externas: Comentamos sobre a possibilidade futura de alimentar biblioteca com variáveis externas no Figma, o que pode ser útil para Design Systems White Label.
- Publicação da Biblioteca: Demonstramos como publicar a biblioteca no Figma e o que será incluído nessa publicação.
- Próximos Passos: Adiantamos que no próximo módulo começaremos com a estrutura inicial do Design System, utilizando um template e criando documentação para cada componente.
- Recursos Adicionais: Mencionamos que os alunos terão acesso aos ícones da Streamline e como integrá-los ao projeto.
A aula foi encerrada com a promessa de que o próximo módulo trará muitas novidades e um template para ajudar na organização e estruturação do Design System, além de uma documentação detalhada para cada componente criado.